<template>
  <header>
  <h2>{{title}}</h2> 
  </header>
</template>
<script>
export default {
  name: 'app-header',
  data () {
    return {
        title:"这是头部"
    }
  }
  
}
</script>
<style scoped>
header{
  width: 100%;
  height: 100px;
  padding: 10;
  background-color: #f00;
  text-align: center
}
header h2{
  margin: 0 auto;
  line-height: 100px;
  background-color: #ccc;
}
</style>

